html, body, #wrapper {
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 9pt;
	font-family: Helvetica, sans-serif;
	color: rgb(130,130,130)
}
h1 { font-size: 100%; font-weight: bold; margin: 0; }

a:link, a:visited { color: rgb(64,49,130); }
.ui-widget, .ui-widget-content { font-size: 9pt; color: rgb(130,130,130) !important }
.ui-widget-content { overflow: auto; }

.ui-tabs {
	box-shadow: 3px 3px 5px 0px rgb(150, 150, 175);
}

table, tr, th, td { font-size: inherit; }
table {
	border-collapse: collapse;
	border: 0;
}
th {
	text-align: left;
	padding: 0;
}

nav#navpanel {
	position: fixed;
	width: 198px;
	height: 100%;
	overflow-y: auto;
	border-right: 3px solid #444444;
	background-color: rgb(230,230,255);
}
nav#navpanel ul , nav#navpanel li {
	margin: 0; padding: 0;
	list-style: none; 
}
nav#navpanel ul.servers {
	padding: 3px; 
}
nav#navpanel ul.databases {
	padding-left: 1ex;
}
nav#navpanel .tables, nav#navpanel .tables > li {
	margin: 0; padding: 0;
	list-style: none;
}
nav#navpanel .tables {
	padding-left: 1ex;
}
nav#navpanel li.currentServer > a, nav#navpanel li.currentDatabase > a, nav#navpanel li.currentTable > a {
	font-weight: bold;
}

nav#breadcrumb ul, nav#breadcrumb li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-size: 120%;
}
nav#breadcrumb li::after { content: " » " }
nav#breadcrumb li:last-child::after { content: ""; }
nav#breadcrumb li a {
	text-decoration: none;
	text-shadow: #CCC 1px 1px;
}
nav#breadcrumb li a.mousedown {
	text-shadow: none;
}

#main {
	position: fixed;
	top: 0; bottom: 0; left: 201px; right: 0;
	overflow: hidden;
}
#mainpanel {
	position: absolute;
	top: 0; bottom: 200px; left: 0; right: 0;
	padding: 2ex;
	overflow: auto;
}
#querypanel {
	position: absolute;
	height: 193px; bottom: 0; left: 0; right: 0;
	border-top: 1px solid;
	padding: 3px;
	background-color: rgb(230,200,200);
}
#querypanel table { width: 100%; }
#querypanel table td { vertical-align: bottom; }
#querypanel textarea {
	width: 100%;
	height: 175px;
	vertical-align: bottom;
}
#querypanel td#queryButton {
	text-align: center;
	width: 75px;
}


div.executedQuery {
	background-color: rgb(240,240,240);
	border: 2px solid rgb(180,180,180);
	margin: 1em 0;
	padding: 2px;
}

table.resultTable {
	margin-bottom: 1em;
}
table.resultTable, table.resultTable th, table.resultTable td {
	border: 1px solid rgb(180,180,180);
	padding: 3px;
}
table.resultTable {
	border-width: 2px;
}
table.resultTable tbody tr:nth-child(odd) {
	background-color: rgb(245,245,255);
}
table.resultTable tbody tr:nth-child(even)
{
	background-color: rgb(250,250,250);
}